import React from 'react'
import { Row, Col, Divider } from 'antd'
import {NavLink} from "react-router-dom";

import Layout from '../../components/Layout'
import Swiper from '../../components/Swiper'
import style from './index.scss'
import IntroduceImgMd from '../../assets/images/introduce_md.png'

class Home extends React.Component {

    componentDidMount() {
        this.goTop()
    }

    /**
     * 回到顶部
     * */
    goTop = () => {
        document.documentElement ? document.documentElement.scrollTop = 0 : document.body.scrollTop = 0;
    }

    render() {
        return (
            <Layout>
                <Swiper/>
                <Divider>主营业务</Divider>
                <Row>
                    <Col className={style.pdt__item_business} xs={24} sm={12} md={6}>
                        <i className="iconfont icon-APPkaifa" />
                        <h3>App开发</h3>
                        <p>专业软件开发团队，独有的原生、混合的IOS、Android系统开发技术， 为企业客户提供一站式APP定制开发解决方案，从开发功能需求到测试上线，高效交付！</p>
                    </Col>
                    <Col className={style.pdt__item_business} xs={24} sm={12} md={6}>
                        <i className="iconfont icon-weixingongzhonghao" />
                        <h3>公众号</h3>
                        <p>专业提供微信公众号开发服务，可量身定制，专业提供微信公众平台搭建、 品牌推广、互动营销等一站式微信营销解决方案，帮助企业树立行业微营销标杆形象！</p>
                    </Col>
                    <Col className={style.pdt__item_business} xs={24} sm={12} md={6}>
                        <i className="iconfont icon-jifenshangcheng" />
                        <h3>商城</h3>
                        <p>为中大型企业提供强大的“PC+移动+APP”一体化商城系统，促进传统企业电商转型，为企业客户搭建专业网店商城平台， 满足企业在不同应用场景的系统需求！</p>
                    </Col>
                    <Col className={style.pdt__item_business} xs={24} sm={12} md={6}>
                        <i className="iconfont icon-xiaochengxu" />
                        <h3>小程序</h3>
                        <p>微信小程序是一种新的开放功能，无需安装，即扫即用，可以在微信内被便捷地获取和传播， 具有更出色的使用体验，为企业赢得千亿市场。开启更多服务场景和更好的用户转化！</p>
                    </Col>
                </Row>
                <Divider>公司简介</Divider>
                <Row>
                    <Col span={1} />
                    <Col className={`${style.pdt__item_company}`} style={{padding:20, paddingBottom:0}}  xs={24} sm={24} md={11}>
                        <img className={style.introduce_img} src={IntroduceImgMd} />
                    </Col>
                    <Col className={style.pdt__item_company}  xs={24} sm={24} md={11}>
                        <div className={style.company__introduce}>
                            <NavLink className='text_link' to='/'>广州字节创科网络科技有限公司</NavLink>是一家专业服务于互联网技术服务公司，公司主要业务从事新型企业，微小型企业，专注于咨询、移动端开发，网站开发，软件产品、软件开发和实施、运营维护、系统集成等信息化服务，成为客户值得信赖的IT综合服务供应商和战略合作伙伴。
                        </div>
                        <div className={style.company__introduce}>
                            公司成立至今得到了广大客户的认可，并在业界内获得良好的口碑，公司高度重视产品的可靠性，稳定性，美观化，执行率。
                        </div>
                        <div className={style.company__introduce}>
                            公司始终坚持以人才为本、诚信立业的经营原则，注重人才的培养，最好的产品、最好的服务、最好的信誉。
                        </div>
                    </Col>
                    <Col span={1} />
                </Row>
            </Layout>
        );
    }
}

export default Home
